<template>
	<div>
		<!-- 操作 -->
		<slot name="buy"></slot>
		<!-- 确定收货 -->
		<slot name='isReceiveGoods'></slot>
	</div>
</template>

<script setup lang="ts">

</script>

<style lang='scss' scoped>
	@import '@/common.scss';

	::v-deep.operate {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 112px;
		color: white;
		background: #121317;
		padding: $contentPadding;
		box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.3);
		box-sizing: border-box;

		.cancel {
			font-size: 28px;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
		}

		.buy {
			.editAddress {
				margin-right: 16px;
				background-color: transparent;
				color: white;
			}
		}
	}


	::v-deep.isReceiveGoods {
		display: flex;
		align-items: center;
		flex-direction: row-reverse;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 112px;
		color: white;
		background: #121317;
		padding: $contentPadding;
		box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.3);
		box-sizing: border-box;

		.editAddress {
			margin-right: 16px;
			background-color: transparent;
			color: white;
		}
	}
</style>